<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>成绩</title>
	<%
    	String path = request.getContextPath();
	    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
    %>
    <c:set var="path" value="<%=basePath %>"></c:set>
<link rel="stylesheet" href="${path}/layui/css/layui.css" media="all">
  <style>
    body{margin: 10px;}
    .demo-carousel{height: 200px; line-height: 200px; text-align: center;}
  </style>
</head>
<body>
 
<table class="layui-hide" id="demo"></table>
<script src="${path }/layui/layui.js"></script>
<script>
/* layui.config({
  version: '1566370370532' //为了更新 js 缓存，可忽略
}); */
 
layui.use(['table'], function(){
  var laydate = //layui.laydate //日期
  //,laypage = layui.laypage //分页
  //,layer = layui.layer //弹层
  table = layui.table //表格
  //,carousel = layui.carousel //轮播
  //,upload = layui.upload //上传
  //,element = layui.element //元素操作
  //,slider = layui.slider //滑块
  
  //向世界问个好
  //layer.msg('Hello World');
  
  //监听Tab切换
  /* element.on('tab(demo)', function(data){
    layer.tips('切换了 '+ data.index +'：'+ this.innerHTML, this, {
      tips: 1
    });
  }); */
  
  //执行一个 table 实例
  table.render({
    elem: '#demo'
    ,height: 600
    ,url: '../getAchievement' //数据接口
    ,title: '成绩表'
    //,page: true //开启分页
    ,toolbar: true
    //,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
    //,totalRow: true //开启合计行
    ,cols: [[ //表头
      {type: 'checkbox', fixed: 'left'}
      ,{field: 'user_id', title: 'ID', width:80, sort: true}
      ,{field: 'user_sex', title: '性別', width:80}
      ,{field: 'user_name', title: '姓名', width:100}
      ,{field: 'beginTime', title: '开考时间', width:250}
      ,{field: 'examPaperId', title: '试卷id',hide:true}
      ,{field: 'examScore', title: '成绩', width: 90}
      ,{field: 'user_home', title: '家庭住址', width:250}
    ]]
  });
  
  //监听头工具栏事件
  /* table.on('toolbar(test)', function(obj){
    var checkStatus = table.checkStatus(obj.config.id)
    ,data = checkStatus.data; //获取选中的数据
    switch(obj.event){
      case 'add':
        layer.msg('添加');
      break;
      case 'update':
        if(data.length === 0){
          layer.msg('请选择一行');
        } else if(data.length > 1){
          layer.msg('只能同时编辑一个');
        } else {
          layer.alert('编辑 [id]：'+ checkStatus.data[0].id);
        }
      break;
      case 'delete':
        if(data.length === 0){
          layer.msg('请选择一行');
        } else {
          layer.msg('删除');
        }
      break;
    };
  }); */
  
  //监听行工具事件
  /* table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
    var data = obj.data //获得当前行数据
    ,layEvent = obj.event; //获得 lay-event 对应的值
    if(layEvent === 'detail'){
      layer.msg('查看操作');
    } else if(layEvent === 'del'){
      layer.confirm('真的删除行么', function(index){
        obj.del(); //删除对应行（tr）的DOM结构
        layer.close(index);
        //向服务端发送删除指令
      });
    } else if(layEvent === 'edit'){
      layer.msg('编辑操作');
    }
  }); */
  
  //执行一个轮播实例
  /* carousel.render({
    elem: '#test1'
    ,width: '100%' //设置容器宽度
    ,height: 200
    ,arrow: 'none' //不显示箭头
    ,anim: 'fade' //切换动画方式
  }); */
  
  //将日期直接嵌套在指定容器中
 /*  var dateIns = laydate.render({
    elem: '#laydateDemo'
    ,position: 'static'
    ,calendar: true //是否开启公历重要节日
    ,mark: { //标记重要日子
      '0-10-14': '生日'
      ,'2018-08-28': '新版'
      ,'2018-10-08': '神秘'
    } 
    ,done: function(value, date, endDate){
      if(date.year == 2017 && date.month == 11 && date.date == 30){
        dateIns.hint('一不小心就月底了呢');
      }
    }
    ,change: function(value, date, endDate){
      layer.msg(value)
    }
  }); */
  
  //分页
  /* laypage.render({
    elem: 'pageDemo' //分页容器的id
    ,count: 100 //总页数
    ,skin: '#1E9FFF' //自定义选中色值
    //,skip: true //开启跳页
    ,jump: function(obj, first){
      if(!first){
        layer.msg('第'+ obj.curr +'页', {offset: 'b'});
      }
    }
  }); */
  
  //上传
  /* upload.render({
    elem: '#uploadDemo'
    ,url: '' //上传接口
    ,done: function(res){
      console.log(res)
    }
  }); */
  
  /* slider.render({
    elem: '#sliderDemo'
    ,input: true //输入框
  }); */
  
  //底部信息
 /*  var footerTpl = lay('#footer')[0].innerHTML;
  lay('#footer').html(layui.laytpl(footerTpl).render({}))
  .removeClass('layui-hide');*/
});
</script>
</body>
</html>